<template>
  <v-list two-line class="ml-4 mr-4"  dense>
      <v-subheader class="title font-weight-bold">通知公告</v-subheader>
      <v-divider></v-divider>
      <template v-for="(item, index) in data">
        <v-list-tile :key="index" :to="'/detail/' + item.id" >
          <v-list-tile-avatar tile>
            <img :src="MImage(item.image)">
          </v-list-tile-avatar>
          <v-list-tile-content>
            <v-list-tile-title>{{index + 1}}. {{item.title}}</v-list-tile-title>
            <v-list-tile-sub-title>
              <!-- // eslint-disable-next-line  -->
              <span class="mr-2">{{item.updatetime.slice(0,10)}}</span>{{MOverview(item.content, 20)}}
            </v-list-tile-sub-title>
          </v-list-tile-content>
        </v-list-tile>
      </template>
    </v-list>
</template>
<script>
export default {
  name: 'MediaReport',
  props: {
    data: {
      type: Array,
      default: [
        { id: 1, title: '标题标题标题', date: '2018-7-8', content: 'dasdas', image: 'https://www.sx-cc.com/d/file/content/2018/07/thumb_211_150_5b55a3779ab61.jpg' },
        { id: 1, title: '标题标题标题', date: '2018-7-8', content: 'dasdas', image: 'https://www.sx-cc.com/d/file/content/2018/07/thumb_211_150_5b55a3779ab61.jpg' },
        { id: 1, title: '标题标题标题', date: '2018-7-8', content: 'dasdas', image: 'https://www.sx-cc.com/d/file/content/2018/07/thumb_211_150_5b55a3779ab61.jpg' }
      ]
    }
  },
  data () {
    return {
    }
  },
  created: function () {
  },
  methods: {
  }
}
</script>
